<div class="layui-fluid">
    <style>
        .layui-table-tool,.layui-table-column.layui-table-page,.layui-table-main{
            background-color: white;
        }
    </style>
    <fieldset class="layui-elem-field layui-bg-white" th:attr="len=${permission}">
        <legend></legend>
        <div class="layui-field-box">
            <div  class="layui-form layui-row layui-col-space16 search-criteria" lay-filter="reset-val-filter">
                <div class="layui-col-md3">
                    <div class="layui-input-wrap">
                        <input type="text" name="name" placeholder="字典名称" class="layui-input" lay-affix="clear" lay-filter="clear">
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-input-wrap">
                        <input type="type" name="type" placeholder="字典类型" lay-affix="clear" class="layui-input">
                    </div>
                </div>
                <div class="layui-col-md3">
                    <select name="status" id="dict-status-select">
                        <option value="">字典状态</option>
                        <option value="0">停用</option>
                        <option value="1">启用</option>
                    </select>
                </div>

                <div class="layui-btn-container layui-col-md3" style="text-align: center">
                    <button class="layui-btn layui-btn-sm" lay-submit lay-filter="table-search">查询</button>
                    <button id="reset" class="layui-btn layui-btn-sm layui-btn-primary">重置</button>
                    <button class="layui-btn layui-btn-sm layui-btn-primary layui-hide" onclick="showInput(this)">
                        <i class="layui-icon layui-icon-down"></i>
                    </button>
                </div>
            </div>
        </div>
    </fieldset>
    <table class="layui-hide" id="dict-list" lay-filter="dict-list"></table>
    <script id="barDemo" type="text/html">
        <div class="layui-clear-space">
            <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="edit" th:if="${#arrays.contains(permission, 'system:dict:update')}">编辑</a>
            <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="view" >查看</a>
            <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="del" th:if="${#arrays.contains(permission, 'system:dict:delete')}">删除</a>
        </div>
    </script>
    <script id="dictToolbar" type="text/html">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm " lay-event="add" th:if="${#arrays.contains(permission, 'system:dict:create')}"><i class="layui-icon layui-icon-add-circle"></i>添加</button>
        </div>
    </script>
    <script id="dict-data-toolbar" type="text/html">
        <div class="layui-btn-container">
            <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" lay-event="add">添加</button>
            <button type="button" class="layui-btn layui-btn-sm layui-btn-primary" lay-event="del">删除</button>
            <button type="button" class="layui-btn layui-btn-sm layui-btn-primary" lay-event="up">上移</button>
            <button type="button" class="layui-btn layui-btn-sm layui-btn-primary" lay-event="down">下移</button>
        </div>
    </script>

    <script type="text/html" id="dict_form">
        <div class="layui-form" lay-filter="dict_form" id="lay-dict-form" style="margin: 15px 40px 15px 10px;">
            <input type="hidden" name="id">
            <div class="layui-form-item">
                <label class="layui-form-label">字典名称</label>
                <div class="layui-input-block">
                    <input type="text" name="name" disabled value="" placeholder="请输入" lay-verify="required" lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">字典类型</label>
                <div class="layui-input-block">
                    <input type="text" name="type" disabled value=""  placeholder="请输入" lay-verify="required" lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="status" disabled title="启用|停用" lay-skin="switch" checked>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-block">
                    <textarea name="remark" value="" disabled placeholder="请输入" class="layui-textarea"></textarea>
                </div>
            </div>
        </div>
    </script>
    <script type="text/html" id="dict_data_form">
        <div class="layui-form" lay-filter="dict_data_form" id="lay-dict-data-form" style="margin: 15px 40px 15px 10px;">
            <input type="hidden" name="id">
            <input type="hidden" name="dictType">
            <div class="layui-form-item">
                <label class="layui-form-label">字典标签</label>
                <div class="layui-input-block">
                    <input type="text" name="label" disabled value="" placeholder="请输入" lay-verify="required" lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">字典键值</label>
                <div class="layui-input-block">
                    <input type="text" name="value" disabled value=""  placeholder="请输入" lay-verify="required" lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">字典排序</label>
                <div class="layui-input-block">
                    <input type="number" lay-affix="number" name="sort" disabled value="1"  placeholder="请选择"  autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="status" disabled title="启用|停用" lay-skin="switch" checked>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">颜色类型</label>
                <div class="layui-input-block">
                    <input type="text" name="colorType" disabled value=""  placeholder="请输入" lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">CSS Class</label>
                <div class="layui-input-block">
                    <input type="text" name="cssClass" disabled value=""  placeholder="请输入" lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-block">
                    <textarea name="remark" value="" disabled placeholder="请输入" class="layui-textarea"></textarea>
                </div>
            </div>
        </div>
    </script>
</div>

<script type="text/javascript">
    {{#
        top.tools.loadscripts(["/js/page/system/dict/system_dict.js"], function () {
            templateViewInit();
        })
    }}
</script>